h1 {
    margin-top: 20%;
    text-align: center;
}
.logo2 {
    margin-top: 5%;
    width: 50%;
    height: auto;
}
.logo3 {
    margin-top: 2%;
    width: 30%;
    height: auto;
}
#div1 {
    text-align: center;
}
#registerBox {
    width: 50%;
    margin-left: 30%;
    text-align: left;
}

/* 消除内阴影 */
input{
    -webkit-appearance: none;
}

#yzm,
.get-yzm {
    display: inline-block;
    margin: 2% 0;
    padding: 2% 0;
    font-size: 10px;
    vertical-align: top;

}
#yzm {
    width: 40%;
    outline: none;
    border: 1px solid rgb(0, 170, 28);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.get-yzm {
    width: 40%;
    outline: none;
    border: 0;
    background-color: rgb(0, 170, 28);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.text1,
.registerBtn {
    width: 80%;
    outline: none;
    text-align: center;
    border-radius: 7px;
    
}
.text1 {
    margin-top: 2%;
    padding: 3% 0;
    border: 1px solid rgb(0, 17, 255);
}
#pwd,
#eye {
    display: inline-block;
    vertical-align: bottom;
}
#pwd {
    width: 70%;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#eye {
    width: 10%;
    padding: 3% 0;
    background: url('../images/eyec.png') no-repeat center;
    background-size: 80%;
    border: 1px solid rgb(0, 17, 255); 
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: none;
    outline: none;
    color: transparent;
}
.registerBtn {
    margin-top: 4%;
    padding: 5%;
    border: 0;
    background:linear-gradient(to bottom right,  rgba(255, 0, 0, 0.705) 30%,rgba(0, 17, 255, 0.822));
    color: white;
}
p {
    font-size: 10px;
    color: red;
}
#registerBox img {
    vertical-align: middle;
}
#info4 {
    font-size: 20px;
}
